import React, {PureComponent} from 'react';
import {StyleSheet, View, Text} from 'react-native';
import utils from "../common/utils";

const width = utils.getScreen().width;
export default class extends PureComponent {
    render() {
        return (
            <View style={styles.header}>
                <View style={styles.headerWrap}>
                    <View style={styles.headerLeft}/>
                    <Text style={styles.headerTitle}>
                        [ 猜你喜欢 ]
                    </Text>
                    <View style={styles.headerRight}/>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    header: {
        marginTop: 6,
        paddingTop: 10,
        paddingBottom: 10,
        backgroundColor: '#fff'
    },
    headerWrap: {
        height: 16,
        alignItems: 'center'
    },
    headerTitle: {
        fontSize: 14,
        height: 16,
        lineHeight: 16,
        color: '#f0183d'
    },
    headerLeft: {
        position: 'absolute',
        left: width / 2 - 86,
        top: 8,
        width: 40,
        height: 1,
        backgroundColor: '#f0183d'
    },
    headerRight: {
        position: 'absolute',
        left: width / 2 + 46,
        top: 8,
        width: 40,
        height: 1,
        backgroundColor: '#f0183d'
    }
});
